<template>
  <el-dialog :title="title" :visible.sync="show" :width="width" :before-close="cancel">
    <div slot="title" class="dialog-theme-title">
      <span>{{title}}</span>
    </div>
    <slot></slot>
    <div slot="footer" class="dialog-footer" v-if="!hideFooter">
      <el-button @click="cancel">{{cancelText}}</el-button>
      <el-button v-if="showConfirm" type="primary" @click="confirm">{{confirmText}}</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  props:{
    title:{
      type:String,
      default:'详情'
    },
    cancelText:{
      type:String,
      default:'取 消'
    },
    confirmText:{
      type:String,
      default:'确 定'
    },
    showConfirm:{
      type:Boolean,
      default:true
    },
    width:{
      type:String,
      default:'800px'
    },
    hideFooter:{
      type:Boolean,
      default:false
    }
  },
  data(){
    return {
      show:true
    }
  },
  methods:{
    cancel(){
      this.$emit('cancel')
    },
    confirm(){
      this.$emit('confirm')
    }
  }

}
</script>

<style scoped lang="scss">

</style>
